﻿*{margin:0px;padding:0px;}
#tmain{
	background:url(../images/bg-pattern.jpg);
	/*width:1000px;
	margin-left:auto;
	margin-right:auto;}*/
	min-height: 1318px;}
/*----------------------------------head--------------------------*/
#head{
	height:100px;
	}
#head-left{height:100px;width:200px; float:left;}
#head-content{height:100px;width:280px; float:left;
background:url(../images/logo_vietnambooking.png) no-repeat;}
	/*----------------------------------menu--------------------------*/
#head_link{
	height:50px;
	background:url(../images/bg-navigation.png);}
	.clear{clear:both;}
li{list-style:none;}
a{text-decoration:none;color:white;font-size:16px;}
.wrap{hight:100px;width:1000px;margin:0px auto;}
.main-menu{height:50px;
background-color:#00A69B;
margin:30px;margin-right: 70px;
margin-left: 25px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
 margin-right:-15px;border:1px solid white;}
.main-menu>ul{padding-top:10px;}
.main-menu>ul>li{float:left;padding: 5px 30px;position:relative; border-right: 1px solid white;} 
.main-menu ul li ul{ display: none;position:absolute;background:#00A69B;top:30px;left:0px;width: 300px;}
.main-menu>ul>li>ul>li>a{padding-left:100px; padding-right:50px;}

.main-menu>ul>li:hover ul{display:block;}
.main-menu ul li ul li{padding:5px;display:list-item; border-bottom:1px solid white;}
.main-menu ul li:hover{background:url(../image/bg-pattern.jpg);border-width:5px;border:inset; transition:all 0.70s;-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px; }
/*-----------------------------------Search-------------------------->*/
#search{
	float:left;
	width:100px;
	background:url(../image/searchbar.png);}
#left{
	height:500px;
	width:200px;
	float:left;
	}	
#right{
	height:500px;
	width:176px;
	float:right;
	}
	/*-------------------------content---------------------------------------------*/
	#content-left{width:490px;
	float:left;height:300px;background-color:#0C3;}
	#content-right{width:480px;
	float:left;height:300px;background-color:#C3C;}
#content{
	height:750px;
	width:970px;
	float:left;
	margin-top:1px;
        background-color: #ffffff;
	}
	#left-form{
		background-color:#BDBDBD;
		height:300px;}
#content-boder{
	width:971px;
	height:301px;
	border: 1px solid white;
        -webkit-animation: mymove 5s infinite; /* Chrome, Safari, Opera */
        animation: mymove 5s infinite;
}
   
/*------------------------------ FOOTER ------------------------------*/

#footer {
	color: #594334;
	font-size: 14px;
	clear:both;
	line-height: 48px;
	margin:30px;margin-right: 70px;
margin-left: 25px;
	padding-top: 42px;
	text-transform: uppercase;
}
#footer > div {
	background-color: #ac9e94;
	height: 48px;
	width: 822px;
	border-bottom: 1px solid #72675f;
	border-top: 1px solid #cdbeb2;
	
	margin: 0 auto;
	padding: 0 20px;
	text-align: right;
}
#footer ul.navigation {
	float: left;
	display: inline-block;
	list-style: none;
	margin: 0;
	padding: 0;
}
#footer ul.navigation li {
	float: left;
	margin-right: 10px;
	
}
#footer ul.navigation li a {
	color: #594334;
	padding: 0 5px;
	text-decoration: none;
	padding-right:20px;
}
#footer ul.navigation li:first-child a {
	border-left: 0;
	padding-left: 0;
}
#footer ul.navigation li a:hover {
	color: #eee7c3;
}
#footer ul.navigation li.active a {
	color: #fff;
}
#footer p {
	margin: 0;
	text-align: center;
	text-transform: none;
}
#connect {
	float: right;
	display: inline-block;
	line-height: 26px;
	margin: 12px 0 0;
}
#connect a {
	background:url(../image/icons.png) no-repeat;
	display: inline-block;
	height: 23px;
	width: 23px;
	margin-left: 10px;
}
#connect a.pinterest {
	background-position: 0 -33px;
}
#connect a.facebook {
	background-position: 0 -98px;
}
#connect a.twitter {
	background-position: 0 -164px;
	width: 28px;
}
#connect a.googleplus {
	background-position: 0 -230px;
}
#connect a.pinterest:hover {
	background-position: 0 0;
}
#connect a.facebook:hover {
	background-position: 0 -65px;
}
#connect a.twitter:hover {
	background-position: 0 -131px;
}
#connect a.googleplus:hover {
	background-position: 0 -197px;
}
